<template>
  <div class="AD">
    <ul>
      <li v-for="(item, index) in adList" :key="index">
        <!-- 图片懒加载 v-lazy -->
        <img v-lazy="item.imgUrl" atl="" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "AD",
  props: {
    adList: Array,
  },
  created() {
    console.log(this.adList);
  },
  watch: {
    adList() {
      console.log(this.adList);
    },
  },
};
</script>

<style scoped lang="less">
.AD {
  width: 100%;

  img {
    width: 100%;
    height: 100%;
  }
  img[lazy="loading"] {
    background-color: #f7f7f7;
  }
}
</style>
